<div class="container-fluid">
	<div class="navbar-header">
		<a class="navbar-brand" href="#">
			<img src="https://www.boneshop.cn/skin/frontend/boneshop_v3/default/images/logo-zh_CN.svg" alt='Bone 网络商店'>
		</a>
	</div>
	<!-- nav -->
	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		<!-- 导航 -->
		<ul class="nav navbar-nav navbar-center">
			<li><a href='#' class="nav-btn1">角色主题</a></li>
			<li><a href='#' class="nav-btn2">商品分类</a></li>
			<li><a href='#' class="nav-btn3">精选爆品</a></li>
			<li><a href='#' class="nav-btn4">企业定制</a></li>
			<li><a href='#' class="nav-btn5">友情链接</a></li>
			<li><a href='#' class="nav-btn6">IP授权</a></li>
			<li><a href='#' class="nav-btn7">经销代理</a></li>
		</ul>
		<!-- 功能 -->
		<ul class="nav navbar-nav navbar-right">
			<li><a href='#' title='搜索'><span class='iconfont icon-sousuo'></span></a></li>
			<li class="btn-login"><a href='/html/login.html' title='我的账户'><span class='iconfont icon-wodedangxuan'></span></a></li>
			<li>
				<a href='/html/shopping.html' title='购物车' class="btn-gouwuche"><span class='iconfont icon-ziyuan'></span>
					<div id="count">3</div>
				</a>
			</li>
		</ul>
	</div>
</div>
<!-- 分导航1 -->
<ul class="dropdown-ll dropdown-1">
	<div class="container drop-1">

	</div>
</ul>
<script type="text/html" id="tabsTemplate">
	{{each list item}}
	<li><a href="/html/list.html?prodId={{item.id}}"><span class='img'><img class='img-circle small-circle' src='{{item.imageUrl}}' /></span><span>{{item.name}}</span></a></li>
	{{/each}}
</script>
<!-- 分导航2 -->
<ul class="dropdown-ll dropdown-2">
	<div class="container drop-2">
		<li>
			<a href="#"><span>保护套</span></a>
			<a href="#"><span>iPhone 7/8/SE2</span></a>
			<a href="#"><span>iPhone X</span></a>
			<a href="#"><span>泡泡绑</span></a>
			<a href="#"><span>iPhone XS/XR/XS Max</span></a>
			<a href="#"><span>HUAWEI P30 P30pro</span></a>
			<a href="#"><span>iPhone 11</span></a>
			<a href="#"><span>iPhone 12</span></a>
		</li>
		<li>
			<a href="#"><span>U盘</span></a>
			<a href="#"><span>DIY U盘</span></a>
		</li>
		<li>
			<a href="#"><span>移动电源</span></a>
			<a href="#"><span>暖手宝电源</span></a>
			<a href="#"><span>硅皮革/硅彩移动电源</span></a>
		</li>
		<li>
			<a href="#"><span>生活用品</span></a>
			<a href="#"><span>扩香台</span></a>
			<a href="#"><span>风扇</span></a>
			<a href="#"><span>旅行/游玩</span></a>
			<a href="#"><span>餐具</span></a>
			<a href="#"><span>卡套/识别证</span></a>
			<a href="#"><span>环保饮料杯绑</span></a>
			<a href="#"><span>口罩夹</span></a>
		</li>
		<li>
			<a href="#"><span>运动配件</span></a>
			<a href="#"><span>运动臂套</span></a>
			<a href="#"><span>单车用品</span></a>
		</li>
		<li>
			<a href="#"><span>行动配件</span></a>
			<a href="#"><span>行动传输线</span></a>
			<a href="#"><span>蓝牙音箱</span></a>
			<a href="#"><span>颈挂绳</span></a>
			<a href="#"><span>吊绳</span></a>
			<a href="#"><span>可换式角色逗扣</span></a>
			<a href="#"><span>收纳线材</span></a>
			<a href="#"><span>充电线</span></a>
			<a href="#"><span>Airpods保护套</span></a>
			<a href="#"><span>通用手机绑</span></a>
		</li>
	</div>
</ul>
<!-- 分导航5 -->
<ul class="dropdown-5">
	<li><a href="#">天猫</a></li>
	<li><a href="#">淘宝</a></li>
	<li><a href="#">抖音</a></li>
	<li><a href="#">小红书</a></li>
	<li><a href="#">微博</a></li>
	<li><a href="#">有赞</a></li>
</ul>
<!-- search -->
<div class="navbar-search">
	<div class="navbar-search-form">
		<div class="container">
			<form action="" method="post">
				<input type="text" id="search" value="" placeholder="在这里搜索整个商店..." />
				<button type="submit" title="Go"><span class="iconfont icon-youjiantou"></span></button>
			</form>
		</div>
	</div>
	<div class="navbar-search-tag">
		<div class="container">
			<div class="tag-group">
				<a href="#" class='tag'>X</a>
				<a href="#" class='tag'>iPod nano7</a>
				<a href="#" class='tag'>逗扣</a>
				<a href="#" class='tag'>水杯</a>
				<a href="#" class='tag'>音</a>
				<a href="#" class='tag'>熊猫</a>
				<a href="#" class='tag'>充电</a>
				<a href="#" class='tag'>XR</a>
				<a href="#" class='tag'>耳机</a>
				<a href="#" class='tag'>7</a>
			</div>
		</div>
	</div>
</div>

